<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>缴费处理</title>
    <%@include file="/WEB-INF/views/commons/commons.jsp"%>
    <script type="text/javascript" src="/static/js/system/paymentBill.js"></script>
    <style>
        .datagrid-cell-check input {
            margin-top: 2px;
        }

        .dialog-form {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            padding: 14px 20px;
            justify-content: space-around;
        }

        .dialog-form p {
            display: flex;
            padding-top: 3px;
            padding-bottom: 3px;
            align-items: center;
        }

        .dialog-form .left {
            width: 90px;
        }

    </style>
</head>
<body>
<%--缴费处理单的数据表格--%>
<table id="payBill_datagrid">
    <div id="payBill_toolbar">

        <input id="applicantName" name="applicantName" class="easyui-textbox" data-options="prompt:'请输入客户姓名'"/>
        <input id="number" name="number" class="easyui-textbox" data-options="prompt:'请输入保单号'"/>
        <a class="easyui-linkbutton" iconCls="icon-search" plain="true" data-cmd="query">查询</a>
        <a class="easyui-linkbutton" iconCls="icon-add" plain="true" data-cmd="payment">缴费</a>
        <a class="easyui-linkbutton" iconCls="icon-reload" plain="true" data-cmd="reload">刷新</a>
    </div>
</table>

<div id="payBill_dialog">
    <form id="payBill_form" class="dialog-form" method="post">
        <input type="hidden" id="payBillId" name="id"/>
        <p>
            <span class="left">投保人:</span>
            <input name="policyClient.name" class="easyui-textbox" readonly="true"/>
        </p>
        <p>
            <span class="left">投保单号:</span>
            <input name="number" class="easyui-textbox" readonly="true">
        </p>
        <p>
            <span class="left">保险机构:</span>
            <input name="company.name" class="easyui-textbox" readonly="true">
        </p>
        <p>
            <span class="left">保险产品:</span>
        <div>
            <table id="productInfo_datagrid"></table>
        </div>

        </p>
        <p>
            <span class="left">起保时间:</span>
            <input name="beginDate" class="easyui-datebox" required="true">
        </p>
        <p>
            <span class="left">保险金额:</span>
            <input name="price" class="easyui-textbox" readonly="true">
        </p>
        <p>
            <span class="left">缴费方式:</span>
            <input name="payWayId" class="easyui-combobox"
                   data-options="valueField:'value', textField:'text',
                               data:[{text:'现金',value:'0'},
                                    {text:'支付宝',value:'1'},
                                    {text:'微信',value:'2'},
                                    {text:'银行卡',value:'3'},
                                    {text:'卖身',value:'4'}], panelHeight:'auto'"/>
        </p>
    </form>
    <div id="form_btn" align="right">
        <a class="easyui-linkbutton" iconCls="icon-save" plain="true" data-cmd="submit">提交</a>
        <a class="easyui-linkbutton" iconCls="icon-cancel" plain="true" data-cmd="cancel">取消</a>
    </div>
</div>
</body>
</html>
